<template>
	<section>
		<div class="pr30rem pl30rem award-info-contain">
			<h1 class="align-center fs34rem mb10rem mt30rem">{{rules_list.title}}</h1>
			<p v-html="rules_list.content"></p>
		</div>
	</section>
</template>

<script>	
	import { getRules } from "@/api/rules";
	export default{	    
		data()
		{
		    return{
		    	rules_list: []
            }
		},
		created()
		{
			getRules(10).then( res => {
				this.rules_list = res.data;
			});
			console.log(666);
			window.scrollTo(0,0);
		}
	}
</script>

<style lang="less">
	.award-info-contain{
		z-index: 999;
		height:100%;
		background-color: #fff;
		top: 0;
		left:0;
		position: absolute;
	}
</style>

